<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  <head>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <link rel='stylesheet' href='<c:url value="/css/common.css" />' type='text/css' media='all' />
  <link rel='stylesheet' href='<c:url value="/plugin/fancybox/source/jquery.fancybox.css" />' type='text/css' media='screen' />
  
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="<c:url value="/plugin/fancybox/source/jquery.fancybox.pack.js" />"></script>
   
<!--   <script>
  $(document).ready(function() {
      $('.fancybox').fancybox();
  });
  </script> -->
  
  <script type="text/javascript">
    $(document).ready(function() {

    $("#various1").fancybox({
            'titlePosition'     : 'inside',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        });
    });
    </script>
    
  </head>

<link rel='stylesheet' href='<c:url value="/css/admission.css" />' type='text/css' media='all' />
<div id="user_options">  
    <div class="button-box left-button">
      <a id="admission_button" class="option_buttons" href="/student/admission1" title="Enter students admission details into the school records."><p>Admission</p></a>
    </div>
    <div class="button-box">
      <a id="student_details_button" class="option_buttons" href="/student" title="Search for existing and former students."><div class="button-label"><p>Student Details</p></div></a>
    </div>
    <div class="button-box">
      <a id="manage_users_button" class="option_buttons" href="/user" title="         Manage Users         "><div class="button-label"><p> Manage Users </p></div></a>
    </div>
    <div class="button-box">
      <a id="examinations_button" class="option_buttons" href="/exam" title="Manage Examinations"><div class="button-label"><p>Examinations</p></div></a>
    </div>
    <div class="button-box left-button">
      <a id="timetable_button" class="option_buttons" href="/timetable" title="  Timetable management module  "><div class="button-label"><p>Timetable</p></div></a>
    </div>
    <div class="button-box">
      <a id="student_attendance_button" class="option_buttons" href="/student_attendance" title="Manage the attendance for the students"><div class="button-label"><p>Attendance</p></div></a>
    </div>
    <div class="button-box">
      <a id="settings_button" class="option_buttons" href="/configuration" title="Configure the basic school settings"><div class="button-label"><p>Settings</p></div></a>
    </div>

        <div class="button-box left-button">
          <a id="library_button" class="option_buttons" href="/library" title="Manage Library"><p>Library</p></a>
        </div>
    
<a id="various1" href="#inline1" title="Put a title here">Name of Link Here</a>
    <div style="display: none;">
        <div id="inline1" style="width:400px;height:100px;overflow:auto;">
                   Write whatever text you want right here!!
    </div> 

</div>